import bannerIcon from "@/assets/images/decorate/bannerIcon.png";
import buttonIcon from "@/assets/images/decorate/buttonIcon.png";
export default {
    id: "1-4",
    title: "按钮组",
    name: "buttonGroupComponent",
    ename: "buttonGroupComponent",
    icon: "iconfont icon-anniuzu",
    canDelete: true,
    fixedBottom: false, // 固定在底部，其下不能再添加组件
    active: "",
    main: {
        //按钮内容
        buttons: [{
                id: 1,
                name: "按钮文字",
                imgUrl: buttonIcon,
                default: buttonIcon,
                linkUrl: "",
                linkName: "",
            },
            {
                id: 2,
                name: "按钮文字",
                imgUrl: buttonIcon,
                default: buttonIcon,
                linkUrl: "",
                linkName: "",
            },
            {
                id: 3,
                name: "按钮文字",
                imgUrl: buttonIcon,
                default: buttonIcon,
                linkUrl: "",
                linkName: "",
            },
            {
                id: 4,
                name: "按钮文字",
                imgUrl: buttonIcon,
                default: buttonIcon,
                linkUrl: "",
                linkName: "",
            }
        ],

        //按钮样式
        buttonShape: 1, //按钮形状 1圆形 2圆角
        linesPerPage: 1, //每页行数--暂时弃用
        numberOfLines: 4, //每行按钮数量
        btnBgImg: "", //按钮的背景图片
        btnBgColor: "#FFFFFF", //按钮的背景颜色
        btnFontColor: "#565656", //按钮的文字颜色
        btnIconColor: "#FF4500", //按钮的图标颜色
        btnImgSize: 45, //按钮的图片大小（px）
        btnFontSize: 14, //按钮的文字大小（px）
        btnIconSize: 16, //按钮的图标大小（px）

        //模块样式
        moduleBgImg: "", // 背景图片
        moduleBgColor: "#FFFFFF", // 背景颜色
        modulePT: 0, // 上间距
        modulePB: 10, // 下间距
        modulePLR: 0, // 左右间距
        moduleBTR: 0, // 上边角
        moduleBBR: 0, // 下边角

        //容器样式
        wrapperBgImg: "", // 背景图片
        wrapperBgColor: "#FFFFFF", // 背景颜色
        wrapperPT: 0, // 上间距
        wrapperPB: 0, // 下间距
        wrapperPLR: 0, // 左右间距
        wrapperBTR: 0, // 上边角
        wrapperBBR: 0, // 下边角
    },
    right: [ {
        id: "1-4-2",
        name: "模块风格",
        direction: "column",
        open: true,
        catalog: [{
                id: "1-4-2-1",
                name: "",
                ename: "buttonShape",
                title: "按钮形状：",
                display: "block",
                value: 1,
                default: 1, //这里是id,不是value
                controlName: "radioGroupComponent",
                options: [{
                        id: 1,
                        name: "圆形",
                        icon: "iconfont icon-kongjian_danxuananniuzu1",
                        active: "",
                        ename: "",
                        value: 1,
                    },
                    {
                        id: 2,
                        name: "圆角",
                        icon: "iconfont icon-yuanjiaofangkuang",
                        active: "",
                        ename: "",
                        value: 2,
                    },
                ],
            },
            {
                id: "1-4-2-2",
                name: "",
                ename: "linesPerPage",
                title: "每页行数：",
                display: "none",
                value: 1,
                default: 1,
                controlName: "radioComponent",
                options: [{
                        id: 1,
                        name: "1行",
                        icon: '<i class="el-icon-help"></i>',
                        active: "",
                        ename: "",
                        value: 1,
                    },
                    {
                        id: 2,
                        name: "2行",
                        icon: '<i class="el-icon-help"></i>',
                        active: "",
                        ename: "",
                        value: 2,
                    },
                ],
            },
            {
                id: "1-4-2-3",
                name: "",
                ename: "numberOfLines",
                title: "每行数量：",
                display: "block",
                value: 4,
                default: 4,
                controlName: "radioComponent",
                options: [{
                        id: 3,
                        name: "3个",
                        icon: '<i class="el-icon-help"></i>',
                        active: "",
                        ename: "",
                        value: 3,
                    },
                    {
                        id: 4,
                        name: "4个",
                        icon: '<i class="el-icon-help"></i>',
                        active: "",
                        ename: "",
                        value: 4,
                    },
                    {
                        id: 5,
                        name: "5个",
                        icon: '<i class="el-icon-help"></i>',
                        active: "",
                        ename: "",
                        value: 5,
                    },
                ],
            }, {
                id: "1-4-2-5",
                name: "",
                ename: "btnBgImg",
                title: "背景图片：",
                display: "block",
                controlName: "chooseImageComponent",
                default: "",
                value: "",
            }, {
                id: "1-4-2-4",
                name: "",
                ename: "btnBgColor",
                title: "背景颜色：",
                display: "block",
                controlName: "colorComponent",
                default: "#FFFFFF",
                value: "#FFFFFF",
            }, {
                id: "1-4-2-8",
                name: "",
                ename: "btnFontColor",
                title: "文字颜色：",
                display: "block",
                controlName: "colorComponent",
                default: "#565656",
                value: "#565656",
            }, {
                id: "1-4-2-10",
                name: "",
                ename: "btnIconColor",
                title: "图标颜色：",
                display: "block",
                controlName: "colorComponent",
                default: "#FF4500",
                value: "#FF4500",
            }, {
                id: "1-4-2-6",
                display: "block",
                title: "图片大小：",
                name: "",
                ename: "btnImgSize",
                min: 0,
                max: 100,
                step: 1,
                controlName: "sliderComponent",
                default: 45,
                value: 45,
                suffix: "px",
            }, {
                id: "1-4-2-7",
                display: "block",
                title: "文字大小：",
                name: "",
                ename: "btnFontSize",
                min: 12,
                max: 48,
                step: 1,
                controlName: "sliderComponent",
                default: 14,
                value: 14,
                suffix: "px",
            }, {
                id: "1-4-2-9",
                display: "block",
                title: "图标大小：",
                name: "",
                ename: "btnIconSize",
                min: 12,
                max: 100,
                step: 1,
                controlName: "sliderComponent",
                default: 16,
                value: 16,
                suffix: "px",
            },
        ]
    },
    {
        id: "1-4-4",
        name: "模块样式",
        direction: "column",
        open: true,
        catalog: [{
                id: "1-4-3-1",
                name: "",
                ename: "moduleBgImg",
                title: "背景图片：",
                display: "block",
                controlName: "chooseImageComponent",
                default: "",
                value: "",
            },
            {
                id: "1-4-3-2",
                name: "",
                ename: "moduleBgColor",
                title: "背景颜色：",
                display: "block",
                controlName: "colorComponent",
                default: "#FFFFFF",
                value: "#FFFFFF",
            },
            {
                id: "1-4-3-4",
                title: "上间距：",
                display: "block",
                name: "",
                ename: "modulePT",
                min: 0,
                max: 50,
                step: 1,
                controlName: "sliderComponent",
                default: 0,
                value: 0,
                suffix: "px",
            },
            {
                id: "1-4-3-5",
                title: "下间距：",
                display: "block",
                name: "",
                ename: "modulePB",
                min: 0,
                max: 50,
                step: 1,
                controlName: "sliderComponent",
                default: 10,
                value: 10,
                suffix: "px",
            },
            {
                id: "1-4-3-6",
                title: "左右间距：",
                display: "block",
                name: "",
                ename: "modulePLR",
                min: 0,
                max: 50,
                step: 1,
                controlName: "sliderComponent",
                default: 0,
                value: 0,
                suffix: "px",
            },
            {
                id: "1-4-3-7",
                title: "上边角：",
                display: "block",
                name: "",
                ename: "moduleBTR",
                min: 0,
                max: 50,
                step: 1,
                controlName: "sliderComponent",
                default: 0,
                value: 0,
                suffix: "px",
            },
            {
                id: "1-4-3-8",
                title: "下边角：",
                display: "block",
                name: "",
                ename: "moduleBBR",
                min: 0,
                max: 50,
                step: 1,
                controlName: "sliderComponent",
                default: 0,
                value: 0,
                suffix: "px",
            },
        ],
    },{
            id: "1-4-1",
            name: "模块内容",
            direction: "column",
            open: true,
            catalog: [{
                id: "1-4-1-1",
                name: "",
                ename: "buttons",
                title: "",
                display: "block",
                min: 3,
                max: 20, //最多只能添加多少个按钮
                value: 1,
                controlName: "buttonListComponent",
                list: [{
                        id: 1,
                        imgUrl: bannerIcon,
                        name: "按钮文字",
                        default: bannerIcon,
                        linkUrl: "",
                        linkName: "",
                    },
                    {
                        id: 2,
                        imgUrl: bannerIcon,
                        name: "按钮文字",
                        default: bannerIcon,
                        linkUrl: "",
                        linkName: "",
                    },
                    {
                        id: 3,
                        imgUrl: bannerIcon,
                        name: "按钮文字",
                        default: bannerIcon,
                        linkUrl: "",
                        linkName: "",
                    },
                    {
                        id: 4,
                        imgUrl: bannerIcon,
                        name: "按钮文字",
                        default: bannerIcon,
                        linkUrl: "",
                        linkName: "",
                    },
                ],
            }],
        }, {
            id: "1-4-5",
            name: "容器样式",
            direction: "column",
            open: true,
            catalog: [{
                    id: "1-5-3-1",
                    name: "",
                    ename: "wrapperBgImg",
                    title: "背景图片：",
                    display: "block",
                    controlName: "chooseImageComponent",
                    default: "",
                    value: "",
                },
                {
                    id: "1-5-3-2",
                    name: "",
                    ename: "wrapperBgColor",
                    title: "背景颜色：",
                    display: "block",
                    controlName: "colorComponent",
                    default: "#FFFFFF",
                    value: "#FFFFFF",
                },
                {
                    id: "1-5-3-4",
                    title: "上间距：",
                    display: "block",
                    name: "",
                    ename: "wrapperPT",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-5-3-5",
                    title: "下间距：",
                    display: "block",
                    name: "",
                    ename: "wrapperPB",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-5-3-6",
                    title: "左右间距：",
                    display: "block",
                    name: "",
                    ename: "wrapperPLR",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-5-3-7",
                    title: "上边角：",
                    display: "block",
                    name: "",
                    ename: "wrapperBTR",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-5-3-8",
                    title: "下边角：",
                    display: "block",
                    name: "",
                    ename: "wrapperBBR",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                }
            ],
        }
    ],
}